<template>
<div text="sm" m="y-4" data-v-72294632=""><p>通过 <code>truncated</code> 属性，在文本超过视图或最大宽度设置时展示省略符。 通过 <code>line-clamp</code> 属性控制多行的样式</p>
</div>

  <el-text class="w-150px mb-2" truncated>
    Self element set width 100px
  </el-text>
  <el-row class="w-150px mb-2">
    <el-text truncated>Squeezed by parent element</el-text>
  </el-row>
  <el-text line-clamp="2">
    The -webkit-line-clamp CSS property<br />
    allows limiting of the contents of<br />
    a block to the specified number of lines.
  </el-text>
</template>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>